<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
	  xmlns:f="http://xmlns.jcp.org/jsf/core"
	  xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>RegistroUsuario</title>
		<style type="text/css">
			.header {
     			margin: 0;
     			color: #333;
     			text-align: center;
     			padding: 2.5em 2em 0;
     			border-bottom: 1px solid #eee;
 			}
    		.header h1 {
        		margin: 0.2em 0;
        		font-size: 3em;
        		font-weight: 300;
    		}
     		.header h2 {
        		font-weight: 300;
        		color: #ccc;
        		padding: 0;
        		margin-top: 0;
    		}
		</style>
    </h:head>
    <h:body>
		<div class="header">
            <h1>Banner</h1>
        </div>
				<h:form id="formulario1">
					<p:panelGrid id="panel1" columns="2">
						<f:facet name="header">  
        					Form Usuario  
    					</f:facet> 
						<h:outputLabel value="First Name" />
						<h:inputText id="firstName" value="#{manejoUsuariosBean.customer.firstName}" />
						<h:outputLabel value="Last Name" />
						<h:inputTextarea id="lastName" value="#{manejoUsuariosBean.customer.lastName}" />
						<h:outputLabel value="Password" />
						<h:inputSecret id="password" value="#{manejoUsuariosBean.customer.password}" />
						<h:outputLabel value="Email" />
						<h:inputText id="email"  />
						<h:outputLabel value="Password Confirmation" />
						<h:inputSecret id="PasswordConfirmation"  />
						<h:outputLabel value="Phone Number" />
						<h:inputTextarea id="phoneNumber" value="#{manejoUsuariosBean.customer.phoneNumber}" />
						<h:outputLabel value="Observaciones" />
						<h:inputTextarea id="Observaciones"  />
				
						<h:outputLabel value="Language" />
						<h:selectOneRadio id="Language" value="#{manejoUsuariosBean.customer.language}">
							<f:selectItem id="item1Language" itemLabel="Spanish" itemValue="Spanish" />
							<f:selectItem id="item2Language" itemLabel="English" itemValue="English" />
							<f:selectItem id="item3Language" itemLabel="Portuguese" itemValue="Portuguese" />
						</h:selectOneRadio>
						<h:outputLabel value="Estado Civil" />
						<h:selectOneRadio id="State" >
							<f:selectItem id="item1State" itemLabel="Casado" itemValue="Casado" />
							<f:selectItem id="item2State" itemLabel="Soltero" itemValue="Soltero" />
							<f:selectItem id="item3State" itemLabel="Union libre" itemValue="Union libre" />
						</h:selectOneRadio>

						<h:outputLabel value="Genre" />
						<h:selectOneMenu id="Genre" value="#{manejoUsuariosBean.customer.genere}">
							<f:selectItem id="item1Genre" itemLabel="Male" itemValue="Male" />
							<f:selectItem id="item2Genre" itemLabel="Femine" itemValue="Femine" />
						</h:selectOneMenu>	
						<h:outputLabel value="Pais" />
						<h:selectOneMenu id="country" value="#{manejoUsuariosBean.adress.city}">
							<f:selectItem id="item1country" itemLabel="Colombia" itemValue="Colombia" />
							<f:selectItem id="item2country" itemLabel="Otro" itemValue="Otro" />
						</h:selectOneMenu>	

						<h:outputLabel value="Date of Birth" />
						<p:calendar value="#{manejoUsuariosBean.customer.dateOfBirth}" id="dateOfBirth" />
						 
						<h:outputLabel value="Date 2" />
						<p:calendar  id="date2" />	
						 

						<h:outputLabel value="Carro" />
						<h:selectBooleanCheckbox id="car" value="#{manejoUsuariosBean.customer.car}" />
						
						<h:outputLabel value="Moto" />
						<h:selectBooleanCheckbox id="moto"  />	
						
						<f:facet name="footer">
                    	
							<p:commandButton type="submit" value="Save" id="guardar" style="margin:0" action="#{manejoUsuariosBean.accion}"/>
						</f:facet> 
					</p:panelGrid>
				</h:form>
				<h:form>
				<p:dataTable var="customer" value="#{manejoUsuariosBean.customers}">
					<p:column headerText="First Name">  
            			<h:outputText value="#{customer.firstName}" />  
        			</p:column>	
					<p:column headerText="Last Name">  
            			<h:outputText value="#{customer.lastName}" />  
        			</p:column>	
					<p:column headerText="Email">  
            			<h:outputText value="#{customer.email}" />  
        			</p:column>	
					<p:column headerText="Language">  
            			<h:outputText value="#{customer.language}" />  
        			</p:column>	
					<p:column headerText="Actions">
						<h:commandLink id="editar" value="Edit" onclick="#{manejoUsuariosBean.edit}"/>
					</p:column>						
				</p:dataTable> 
				</h:form>
    </h:body>
</html>
